.content{
	width: 640px;
	height: 640px;
	margin: 100px auto;
	position: relative;
}
.btn{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: 2;
}
.btn button{
	background: none;
	border: none;
	background-size: 100% 100%;
	cursor: pointer;
	outline: none;
	position: absolute;
	top: 50%;
	left: 50%;
}
.startBtn button{
	width: 200px;
	height: 80px;
	background-image: url(../img/startGame.png);
	margin-top: -40px;
	margin-left: -100px;
}
.pauseBtn{
	display: none;
}
.pauseBtn button{
	width: 70px;
	height: 70px;
	background-image: url(../img/pause.png);
	margin-top: -35px;
	margin-left: -35px;
}
#snakeWrap{
	width: 600px;
	height: 600px;
	background-color: #225675;
	border: 20px solid #7dd9ff;
	position: relative;
}
/* #snakeWrap div{
	height: 20px;
	width: 20px;
} */
.snakeHead{
	background-image: url(../img/snake.png);
	background-size: cover;
}
.snakeBody{
	background-color: #9ddbb1;
	border-radius: 50%;
}
.food{
	background-image: url(../img/food.png);
	background-size: cover;
	
}